;(function() {
    let myChart = echarts.init(document.querySelector('.pc-l3'))

    let option = {
        grid: {
              left: 0,
              right: 10,
              top: 20,
              bottom: 10,
              containLabel: true  
        },
        xAxis: {
            type: 'category',
            boundaryGap: false, 
            data: [7,8,9,10,11,12],
            // splitLine: {
            //     show: true,
            //     lineStyle: {
            //         color: '#9EA3B4',
            //         type:'dashed', 
            //         opacity: 0.2,
            //     },
            // },
  
        },
        yAxis: {
            type: 'value',
            splitLine: {
                show: true,
                lineStyle: {
                    color: '#9EA3B4',
                    // type:'dashed', 
                    type:'solid', 
                    opacity: 0.2,
                },
            },
        },
        
        series: [
            {
                type: 'line',
                smooth: true,
                symbol: 'none',
                itemStyle: {
                    normal: {
                        color: '#4D62FF',
                        lineStyle: {
                            color: '#4D62FF',
                            width: 2,
                        },
                        areaStyle: {
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                {
                                    offset: 0,
                                    color: 'rgba(77, 98, 255, 0.1)',
                                },
                                {
                                    offset: 1,
                                    color: 'rgba(77, 98, 255, 0.5)',
                                },
                            ]),
                        },
                    },
                },
                toolbox: {
                    show: false,
                },
                data: [10, 50, 90, 30, 0, 20],
            },
            {
                type: 'line',
                smooth: true,
                symbol: 'none',
                itemStyle: {
                    normal: {
                        color: '#A03CFC',
                        lineStyle: {
                            color: '#A03CFC',
                            width: 2,
                        },
                        areaStyle: {
                            color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
                                {
                                    offset: 0,
                                    color: 'rgba(160, 60, 252, 0.1)',
                                },
                                {
                                    offset: 1,
                                    color: 'rgba(160, 60, 252, 0.5)',
                                },
                            ]),
                        },
                    },
                },
                toolbox: {
                    show: false,
                },
                data: [90, 40, 10, 60, 100, 80],
            },
        ],
    };

    myChart.setOption(option)
    window.addEventListener('resize', () => {
        myChart.resize()
    })
})()